// pages/test/component/component.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabsTitle: [
      {
        id: 0,
        name: "推荐",
        isActive: true
      },
      {
        id: 1,
        name: "原创",
        isActive: false
      },
      {
        id: 2,
        name: "新闻",
        isActive: false
      },
      {
        id: 3,
        name: "有趣",
        isActive: false
      }
    ]
  },

  // 子 → 父 通过事件的方式传递, 接受子组件传递来的数据
  handleTabsChange (e) {
    // console.log(e);
    const { index } = e.detail;
    let tabsTitle = JSON.parse(JSON.stringify(this.data.tabsTitle));
    tabsTitle.forEach((v, i) => i === index ? v.isActive = true : v.isActive = false);
    this.setData({ tabsTitle })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})